<!--
 * @Author: xurenda <xurenda@qq.com>
 * @HomePage: https://xurenda.top
 * @Github: https://github.com/xurenda
 * @Date: 2019-12-06 22:26:48
 * @LastEditTime: 2019-12-06 22:37:25
 * @FilePath: \elegant-surf\src\components\home\footer.vue
 -->
<template>
<div class="app-footer">
  <div class="copyright" v-html="copyright"></div>
  <div class="recordCode">{{ recordCode }}</div>
</div>
</template>

<script>
import { copyright, recordCode } from '@/assets/js/data'

export default {
  name: 'app-footer',
  data() {
    return {
      copyright,
      recordCode
    }
  }
}
</script>

<style lang="stylus">
.app-footer
  position fixed
  bottom 30px
  left 50%
  transform translateX(-50%)
  text-align center
  font-size 0.8em
  color #666
</style>